import React, { PureComponent } from 'react';
class serviceItem extends PureComponent {
    state = {  }
    // 感觉不到有什么用
    // shouldComponentUpdate(nextProps,nextStates){
    //     // 即将改变的props和即将改变的states
    //     if(nextProps.serviceList.length!==this.oldList.length){
    //         return true
    //     }else{
    //         return false
    //     }
    // }
    render() {
        // this.oldList=this.props.serviceList.slice()
        return (
            <div>
                <p>这是服务列表</p>
                <ul>
                    {
                        this.props.serviceList.map((item,index)=>{
                            return(
                            <li onClick={this.props.delService.bind(this,index)} key={index}>{item}</li>
                            )
                        })
                    }
                </ul>
            </div>
        );
    }
}
 
export default serviceItem;